<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Examples of margins, padding, and borders</title>
    <style type="text/css">
      ul { 
        background: green; 
        margin: 12px 12px 12px 12px;
        padding: 3px 3px 3px 3px;
                                     /* No borders set */
      }
      li { 
        color: black;                /* text color is black */ 
        background: gray;            /* Content, padding will be gray */
        margin: 15px 15px 12px 12px;
        padding: 12px 0px 10px 12px; /* Note 0px padding right */
        list-style: none             /* no glyphs before a list item */
                                     /* No borders set */
      }
      li.withborder {                  /*class selector "."*/
	    border-top-style: double;
	    border-right-style: double;
		border-left-style:   double;
        border-bottom-style:  double;
        border-width: thin;        /* sets border width on all sides */
        border-color: black;
		border-right-color: red
      }
	  span#sss {color:yellow} /*id selector "#"*/
    </style>
	</head>
  <body>
    <ul>
      <li>First element of list</li>
      <li class="withborder">Second element of list is longer
           to illustrate wrapping.<span id = "sss">test id selector</span></li>
    </ul>
  </body>
</html>
